<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="#{unidad.Titulo}"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <h:form >
                <p:growl id="msgs" showDetail="true" sticky="true" />                
                <p:panel header="Administración de Unidades" style="font-size: small">   
                    <div align="right">    
                        <table width="100%" border="0">
                            <tbody>
                                <tr>       
                                    <td valign="center" align="left">
                                        <p:commandButton ajax="false" 
                                                         icon="ui-icon-plusthick"
                                                         action="#{unidadController.cargarCrearUnidad()}" 
                                                         value="#{unidad.TituloCrearNuevo}"
                                                         rendered="#{accionController.getAccionByVista('Unidad', 'Crear')}"/>                                                    
                                    </td>

                                    <td valign="center" align="right">
                                        <h:commandLink action="#{some_action}">                                            
                                            <h:graphicImage width="35" height="35" url="../img/ico/export/excel.png" alt="download"/>                                                                                        
                                        </h:commandLink>

                                        <h:commandLink action="#{some_action}">                                            
                                            <h:graphicImage width="35" height="35" url="../img/ico/export/pdf.png" alt="download"/>                                            
                                        </h:commandLink>

                                    </td>                                                      
                                </tr>                                
                            </tbody>
                        </table>                                                                      
                    </div>


                    <p:dataTable id="tbl" var="item" value="#{unidadController.items}" widgetVar="tablaUnidades"                                 
                                 paginator="true" rows="10"
                                 style="margin-top: 10px">                       

                        <f:facet name="header">
                            <p:outputPanel>
                                <h:outputText value="Buscar por todos los criterios:" />
                                <p:inputText id="globalFilter" onkeyup="PF('tablaUnidades').filter()" style="width:200px" placeholder="Ingrese la palabra clave"/>
                            </p:outputPanel>
                        </f:facet>                        

                        <p:column headerText="#{unidad.NUMERO}" filterBy="#{item.numero}" >
                            <h:outputText value="#{item.numero}"/>
                        </p:column>            

                        <p:column headerText="#{unidad.HABILITACION}" filterBy="#{item.habilitacion}" >
                            <h:outputText value="#{item.habilitacion}"/>
                        </p:column>                       

                        <p:column headerText="#{unidad.PLACA}" filterBy="#{item.placa}" >
                            <h:outputText value="#{item.placa}"/>
                        </p:column>                       

                        <p:column headerText="Herramientas" >
                            <div class="container" align="center">                                       
                                <p:commandButton ajax="false"
                                                 action="#{unidadController.cargarModificarDetalleUnidad(item.id)}" 
                                                 value="#{unidad.Modificar}"
                                                 rendered="#{accionController.getAccionByVista('Unidad', 'Editar')}"/> | 
                                <p:commandButton ajax="false"
                                                 action="#{unidadController.cargarDetalleModificarUnidad(item.id)}" 
                                                 value="#{unidad.Detalle}"
                                                 rendered="#{accionController.getAccionByVista('Unidad', 'Ver')}"/>
                            </div>
                        </p:column>                                                            
                    </p:dataTable>
                </p:panel>
            </h:form>
        </ui:define>
    </ui:composition>
</html>

